当前位置:flash课件吧→免费FLASH教程之三(含实例教程)新页面 新改版 新气象

题 目:巧用Flash中遮罩功能演示倒水实验

课件的需要是演示一个圆锥体型的杯子向一个圆柱体型的杯子中倒水,三次倒满,最后说明圆锥体的体积是圆柱体体积的三分之一。首先说明一下这个课件的难点。

  1.水从圆锥体向圆柱体型的杯子中倒水,水要逐渐减少,并且水面要保持水平。

  2.水倒完之后,圆柱体中的水面上升三分之一。

  冥思苦想之后觉得要实现该动画只能使用Flash MX中的遮罩功能,比如说要实现圆柱体中的逐渐升高,我们能够把圆柱体作为遮罩对象,然后绘制一个淡蓝色的矩形从后面慢慢升起来,假如读者对遮罩的概念不太理解的话,我们能够把这个动画形象地比喻为在一张白纸上剪出一个圆柱体的洞,让后面的一张淡蓝色的纸从白纸后面慢慢升起,这样就会给我们一种水面上升的感觉。

  

  动画制作

  1.绘制圆锥体元件:启动Flash MX 2004,首先制作一个元件,命名为圆锥体,然后在该元件中使用钢笔工具绘制一个底朝上的等腰三角形,为了绘制得精确一些,能够在视图菜单中调出网格。绘制完成之后在三角形中填充任意一种颜色,什么颜色都无所谓,反正都要被遮蔽(掏空),但是一定要有颜色,否则就无法实现遮罩。

  2.绘制圆柱体元件:新建一个元件,使用工具箱中的矩形工具绘制一个矩形表示圆柱体的侧面图。该圆柱体中一定要和圆锥体等高、等底,所以绘制时能够将原来的圆锥体复制过来,然后绘制一个矩形,这样就能够确保两个物体等高、等底。

  3.绘制水:新建一个元件,使用工具箱中矩形工具绘制一个矩形,注意该矩形的宽要比圆锥体的高要长,然后填充一种淡蓝色。最后在使用工具箱中选择工具将边线选中,然后删除边线。

  4.圆锥体倒水的动画:回到场景中将第一个图层命名为“水”,将元件“水”加入该图层。然后再增加一个图层命名为“圆锥体”,将元件“圆锥体”加入该图层,需要注意的是要将“圆锥体”的右上角和“水”的右上角对齐。然后单击圆锥体层的第20帧,按下F6键,插入关键帧。在“水”层的第20帧按下F5键插入帧和上一层补齐。好了,现在我们让圆锥体绕着他的右上角旋转一定的角度就能够了。在第20帧使用任意变形工具,然后将“圆锥体”在第一帧和最后一帧的中央点移动到“圆锥体”的右上角。在最后一帧旋转一定的角度,形成倒水结束的样子。现在运行动画还看不出倒水的效果,我们还要在“圆锥体”层上右击,选择“遮罩层”,现在运行一下是不是有点像了?只但是“圆锥体”没有轮廓。所以我们还要制作一个新元件来表示“圆锥体”的轮廓,只要将原来的圆锥体复制到新元件中,将其中的颜色选中,按下“Del”键删除就能够了。在“圆锥体”图层上增加一个图层,再将“圆锥轮廓”元件加入该图层,也和“圆锥体”同时旋转,旋转的角度也相同就能够了。现在按下回车键盘看看是不是很像了。

  5.圆柱体接水:圆柱体接水和圆柱体倒水的不同之处就是要圆柱体作为遮罩固定不动,而后面的“水”元件向上慢慢移动。这步大家能够自己尝试去做。

  6.绘制水流:以上完成之后,我们还要建立一个“水流”将其连接起来。首先新建立一个元件命名为“水流”,在第一个关键帧使用刷子工具从上向下绘制一个粗细合适的线条。然后在第二帧插入关键帧,使用工具箱中的选择工具调整线条,使其较第一帧有一个微小的变化。然后回到场景,新建一个层,在该层加入我们刚才绘制好的“水流”元件。

  到此我们就完成了一次倒水,效果如图4。这里仅仅制作了该课件中关键部分,有兴趣的老师能够将本课件加以充实完善。

 

 

 

 

 

期刊论文服务

合作期刊
学报期刊
 
获奖证书办理
本站已改版成新站 课件115学培吧http://www.kj115.com
免费FLASH教程之三(含实例教程)内容导航
为Flash建搜索内容索引 Flash广告播放器研发 Flash引领互动动画潮流 Flash趣味鼠标特效大作战
Flash MX 2004滚动文本框的两种做法 给Flash文件添加历史记录 Flash中的常见术语(详解) 用笛卡尔公式画出的一颗心状图
播放器拖动进度条制作 水滴效果动画,Flash制作中的AS问题 中秋寄相思 自制Flash贺卡 用SWiSHmax轻松制作精彩Flash片头
用autocad制作一个量角器_autocad教程 Flash百叶窗制作教程 Flash制作实用别致的导航菜单 Flash实用技巧之音乐时间显示篇
Flash中的电影艺术之镜头技巧教程
Flash AS游戏教程:人物及控制 PS+FLASH制作马赛克效果 如何在论坛中,链接自已的FLASH动画呢!
FLASH中的抛运动中的竖直上抛运动 鼠标感应花儿转动效果 FLASH效果篇:闪光效果 自己动手制作手机Flash主题动画
晨雾蒙蒙动画效果,Flash制作方法 Flash制作简单MP3播放器 Flash制作滚动广告图片效果 Flash MX动画制作实例教程-文字处理-设置段落属性
电闪雷鸣、小雨纷飞的效果,Flash制作方法 Flash实现用鼠标调整窗口的大小 AS3学习源码--打气球 关于主动画中load动画和动态文本的共同运用问题
关于倒计时程序的准确性解决方法之一 Flash加载外部文件的方法与技巧集合 Tween类:图片缓动浏览效果 FLASH中加载外部音乐代码&部分难找AS教程
Flash与Java Servlet结合实现网上对战 用AS3实再FLASH游戏的上下左右移动 FLASH中加载外部音乐代码 Flash动态文本框中加载HTML格式文本
Flash制作环绕的立体图片效果动画 FLASH CS3中的FLA形式组件制作教程 酷!Flash聊天室的实现 更多相关内容总目录(200个)》》》
国家信息产业部备案专号:鄂ICP08005724返回顶部
本站推荐最佳分辨率:1024X768在线咨询台
声明:我站除课件制作动画制作培训以外,所有内容均属于免费资源。本站部分资源来自于网络,由本站收集整理,如有侵权请联系本站管理(QQ444860709 手机13339817386),我站会在三个工作日内处理。